<?php
date_default_timezone_set('America/Bogota');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" >
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <?php $this->load->view('head'); ?>
        <link type="text/css" href="<?php echo base_url() . "css/redmond/jquery-ui-1.8.14.custom.css"; ?>" rel="stylesheet" />
        <script src="<?php echo base_url() . "js/jquery-ui-1.8.14.custom.min.js"; ?>" type="text/javascript"></script>
        <script src="<?php echo base_url() . "js/jquery.ui.datepicker-es.js" ?>" type="text/javascript"></script>
        <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url() . "css/ui.jqgrid.css" ?>" />
        <script src="<?php echo base_url() . "js/i18n/grid.locale-es.js" ?>" type="text/javascript"></script>
        <script src="<?php echo base_url() . "js/jquery.jqGrid.min.js" ?>"  type="text/javascript"></script>
        <style type="text/css">
            .claseno{color:red}
            .btnEnGrilla{ font-weight: bolder;font-style: italic;font-size: 9px;padding: 1px 2px;}
            .btnEnGrillaElimina{ font-weight: bolder;font-style: italic;font-size: 9px;padding: 1px 2px;color:red;}
        </style>
        <title></title>
        <script type="text/javascript">
            $(document).ready(function(){
                jQuery("#list").jqGrid({
                    url: '<?php echo site_url("grilla/consInstitucione/"); ?>',
                    datatype: 'json',
                    mtype: 'POST',
                    colNames:['Accion','Nit','Nombre','Dirección','Telefono','Página','Contacto','Correo','Formación','Enfoque'],
                    colModel :[
                        {name:'postu',index:'postu', width:80,align:'center'},
                        {name:'institucionNit',index:'institucionNit', width:100,align:"right"},
                        {name:'institucionRazon',index:'institucionRazon', width:100,align:"right"},
                        {name:'institucionDireccion',index:'institucionDireccion', width:80,align:"center"},
                        {name:'institucionTelefono',index:'institucionTelefono', width:150,editable:true},
                        {name:'institucionPagina',index:'institucionPagina', width:150,editable:true},
                        {name:'institucionContacto',index:'institucionContacto', width:130,editable:true},
                        {name:'usuario',index:'usuario', width:90,editable:true},
                        {name:'institucionTipoFormacion',index:'institucionTipoFormacion', width:110,editable:true},
                        {name:'institucionEnfoquesFormacion',index:'institucionEnfoquesFormacion', width:90,editable:true}
                    ],
                    loadComplete: function(){
                        var ids = jQuery("#list").getDataIDs();
                        for(var i=0;i < ids.length;i++){
                            var cl = ids[i];
                            var se = "<input type='button' onclick=\"fnSolicita('" + cl + "')\" tittle='Solicitar Servicio' value='Solicitar' />";
                            jQuery("#list").setRowData(cl,{postu:se});
                        }
                    },
                    pager: jQuery('#pager'),
                    rowNum:50,
                    rowList:[10,20,30,50],
                    sortname: 'insti.institucionRazon',
                    sortorder: "asc",
                    viewrecords: true,
                    caption: 'INSTITUCIONES',
                    height:260
                });
                //Barra de navegación
                jQuery("#list").jqGrid('navGrid','#pager',{del:false,add:false,edit:false,view:true},{},{},{},{multipleSearch:true},{closeOnEscape:true});
                
                $("#dialogServicio").dialog({autoOpen: false,height: 500,width: 680,modal: true,position: 'top'});
             
                $("#dpto").change(function(){
                    url = "<?php echo site_url("registro/ciudad/"); ?>/" + $(this).val();
                    $("#divCiudades").load(url);
                }); //fin $("#dpto").change(function(){
                <?php $this->load->view('enReady'); ?>
            }); //fin $(document).ready(function(){
            function fnSolicita(insti){
                $("#dialogServicio").dialog("open");
                $("#inpHidden").val(insti);
            }
            function fnEjecuta(){
                if(valida()){
                    $.post("<?php echo site_url("persona/pubServicio/"); ?>", $("#formServicio").serialize(), function(data){
                        alert(data);
                        $("#formServicio").trigger("reset");
                        jQuery("#list").trigger("reloadGrid");
                        $("#dialogServicio").dialog("close");
                    });
                }else{
                    return false;
                }
            }
            function valida(){
                if($("#tipServ").val() == ""){
                    alert("Debe elegir el tipo de Servicio");
                    $("#tipServ").focus();
                    return false;
                }
                if($("#nombre").val() == ""){
                    alert("Debe ingresar un nombre a la solicitud");
                    $("#nombre").focus();
                    return false;
                }
                if($("#descrip").val() == ""){
                    alert("Debe describir la solicitud");
                    $("#descrip").focus();
                    return false;
                }
                if($("#dpto").val() == ""){
                    alert("Debe elegir un Departamento");
                    $("#dpto").focus();
                    return false;
                }
                if($("#ciudad").val() == ""){
                    alert("Debe elegir una Ciudad");
                    $("#ciudad").focus();
                    return false;
                }
                return true;
            }
        </script>
    </head>
    <body>
        <script src="<?php echo base_url() . "js/wz_tooltip-min.js" ?>" type="text/javascript"></script>
        <div class="divTitulo">SOLICITUD DE SERVICIOS Y/O ASESORIAS</div>
        <div style="color:black;font-size: 14px;text-align: left">CONSULTE LA(S) INSTITUCION(ES) QUE CUMPLAN CON EL PERFIL QUE BUSCA PARA SOLICTAR EL SERVICIO O ASESORÍA A LA MISMA</div>
        <div style="text-align: center">
            <input type="button" value="BUSQUEDA AVANZADA" onclick="jQuery('#list').jqGrid('searchGrid',{multipleSearch:true});" />
        </div>
        <div id="pager" class="scroll"></div>
        <table id="list" class="scroll"></table>
        <div id="dialogServicio" title="Describa el Servicio que esta solicitando" >
            <form id="formServicio" method="POST">
                <table style="width: 100%">
                    <tr>
                        <td><label for="nombre">Nombre de la Solicitud</label></td>
                        <td><input type="text" id="nombre" name="nombre" title="Nombre de la solicitud de servicio o asesoria" /></td>
                    </tr>
                    <tr>
                        <td><label for="formacion">Servicios</label></td>
                        <td colspan="4">
                            <div id="divCheboxServicios" class="divChecbox" >
                                <?php
                                foreach ($serviciosInclu->result() as $servi) {
                                    echo "<input type='checkbox' value='{$servi->servInclusionId}' id='{$servi->servInclusionId}' name='formacion[]' /><label for='{$servi->servInclusionId}' onmouseover=\"Tip('" . preg_replace("[\n|\r|\n\r]", ' ', $servi->serviInclusionDescrib) . "', SHADOW, true,'' , '', PADDING, 9);\" onmouseout=\"UnTip()\">$servi->servInclusionNombre</label><br/>";
                                }
                                ?>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td><label for="descrip">Describa la <br/>solicitud</label></td>
                        <td colspan="3">
                            <textarea id="descrip" name="descrip" cols="40" rows="3" title="Ingrese la descripción del servicio o asesoria que esta solicitando" ></textarea>
                        </td>
                    </tr>
                    <tr>
                        <td><label for="dpto">Departamento</label></td>
                        <td colspan="3">
                            <select id="dpto" name="dpto" title="Elija el departamento donde se encuentra">
                                <option value="">Elija</option>
                                <?php
                                foreach ($dep->result() as $row) {
                                    echo "<option value='" . $row->dptCod . "' >" . $row->departamento . "</option>";
                                }
                                ?>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td><label for="ciudad">Ciudad</label></td>
                        <td colspan="3"><div id="divCiudades"></div> </td>
                    </tr>
                    <tr>
                        <td colspan="4" style="text-align: center">
                            <input type="button" value="Registrar Solicitud" id="btnConEjecuta" onclick="fnEjecuta();">
                            <input type="hidden" id="inpHidden" name="inpHidden" />
                        </td>
                    </tr>
                </table>
            </form>
        </div>
    </body>
</html>
